<template>
  <view class="header-section">
    <view class="header-content">
      <viwe class="main-title">
        <image :src="asyncImgs.images.done_icon" alt=""></image>
        <text>{{$t('facePay.payCom')}}</text>
      </viwe>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {};
  },
  props: {
    order: {
      type: Object,
      default: {},
    },
  },
  filters: {},
  computed: {},
  methods: {},
};
</script>

<style lang="scss" scoped>
.header-section {
  width: 100%;
  padding: 52rpx 0;
  background: linear-gradient(90deg, #f1192a, #fc551b);
  display: flex;
  justify-content: center;
  align-items: center;

  .header-content {
    display: flex;
    flex-direction: column;

    .main-title {
      font-size: 40rpx;
      font-family: PingFang SC;
      font-weight: 500;
      color: #ffffff;
      line-height: 44rpx;
      display: flex;
      justify-content: center;
      align-items: center;

      image {
        width: 38rpx;
        height: 38rpx;
        margin-right: 24rpx;
      }
    }
  }
}
</style>
